﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <!--<script type="text/javascript" src="jquery-1.5-vsdoc.js"></script>-->
    <style type="text/css">
        #divMain{border:1px solid #555; margin:20px}
        #ifrScroll{border:1px solid #cce;width:100%}
        #divLinks{position:absolute; top:0px; right:0px;border:1px solid #ddd;background:#efefef;padding:2px}
        #divLinks ul{padding:0px;margin:0px}
        #divLinks li{display:inline;margin:0px 5px 0px 5px;cursor:pointer}
    </style>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#ifrScroll").height(window.outerHeight);
        });
    </script>
</head>
<body>
    <div id="divLinks">
        <ul>
            <li><a href="http://www.uol.com" target="ifrScroll">UOL</a></li>
            <li><a href="http://www.globo.com" target="ifrScroll">Globo</a></li>
            <li><a href="http://www.giovanelucas.com" target="ifrScroll">Gio</a></li>
            <li><a href="http://www.google.com" target="ifrScroll">Google</a></li>
            <li><a href="http://www.asp.net" target="ifrScroll">ASP.NET</a></li>
        </ul>
    </div>
    <div id="divMain" >
        <iframe id="ifrScroll" frameborder="0" scrolling="auto"></iframe>
    </div>
</body>
</html>
